<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="box">
        <div class="head">
            <div class="running" style="color:#4294ff;">跑步<i class="bd"></i></div>
            
            <a href="riding.html">
                <div class="riding">骑行</div>
            </a>
            <a href="exercise.html">
                <div class="drill">课程训练</div>
            </a>
        </div>
        <div class="distance">
            <p>目前累计跑步距离：</p>
            <div>
                <span class="figure">999.99</span>
                <span>公里</span>
            </div>
        </div>
        <div class="centre">
            <div class="centreTop">
                <div class="pao">户外跑</div>
                <div>燃脂跑</div>
                <div>跑步机</div>
            </div>
            <div class="centreGo">
                <p>GO</p>
            </div>
            <div class="centreBot">
                <div class="iconfont icon-shezhi"></div>
                <div class="set">设置目标<span class="iconfont icon-xiangyoujiantou"></span></div>
                <div class="iconfont icon-yinle"></div>
            </div>
        </div>
    </div>
    <div class="path">
        <p>跑步路线</p>
        <p class="paobu">使用跑步路线，邂逅附件同行者</p>
        <div class="iconfont icon-xiangyoujiantou"></div>
    </div>
    <div class="cheng">
        
    </div>
    <div class="footer">

    </div>
</body>

</html>